<html>
	<head>
		<title>touch</title>
		<meta name="viewport" 
  content="width=device-width, initial-scale=1.0, user-scalable=no">
		<script type="text/javascript" src="../static/js/raphael-min.js"></script>
		<style type="text/css">
			html, body, #pane {
				height: 100%;
			}
		</style>
	</head>
	<body>
		<div id="pane"></div>
		<script type="text/javascript">
			var pane = document.getElementById('pane');
 			var p = Raphael(pane,600,400)
 			p.rect(100,100,200,200);
 			pane.addEventListener('touchmove', function(event) {
			  event.preventDefault();
			  var touch = event.touches[0];
			  alert(touch.pageX+' '+touch.pageY);
			}, false); 
		</script>
	</body>
</html>